'use strict';

var React = require('react');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

function styleInject(css, ref) {
  if (ref === void 0) ref = {};
  var insertAt = ref.insertAt;

  if (!css || typeof document === 'undefined') {
    return;
  }

  var head = document.head || document.getElementsByTagName('head')[0];
  var style = document.createElement('style');
  style.type = 'text/css';

  if (insertAt === 'top') {
    if (head.firstChild) {
      head.insertBefore(style, head.firstChild);
    } else {
      head.appendChild(style);
    }
  } else {
    head.appendChild(style);
  }

  if (style.styleSheet) {
    style.styleSheet.cssText = css;
  } else {
    style.appendChild(document.createTextNode(css));
  }
}

var css_248z$1 = ".switch {\n  width: 100px;\n  height: 20px;\n  border-radius: 5px;\n  background: red;\n}\n";
styleInject(css_248z$1);

var Switch$1 = function () { return (React__default['default'].createElement("div", { className: "switch" }, "Switch11")); };

var css_248z = ".button {\n  background: seagreen;\n  border-radius: 3px;\n}\n.button .large {\n  width: 120px;\n  height: 42px;\n}\n.button .medium {\n  width: 100px;\n  height: 35px;\n}\n.button .small {\n  width: 80px;\n  height: 28px;\n}\n.button .mini {\n  width: 60px;\n  height: 21px;\n}\n";
styleInject(css_248z);

var Switch = function (props) {
    console.log(props);
    var propSizeRange = ['large', 'medium', 'small', 'mini'];
    return (React__default['default'].createElement("div", { className: ["button", props.size && propSizeRange.includes(props.size) ? props.size : 'medium'].join(' ') }, props.children));
};

var index = {
    Switch: Switch$1,
    Button: Switch
};

module.exports = index;
